<template>
    <vodal :show="isShow" animation="zoom" @hide="closeMyself" :width="isWidth" :height="isHeight">
        <slot>empty</slot>
    </vodal>
</template>
<script>
import Vue from 'vue';
import Vodal from 'vodal';

Vue.component(Vodal.name, Vodal);

export default {
    name: 'app',
    props:{
        isShow:{
            type:Boolean,
            default:false
        },
        isHeight:{
            type:Number,
            default:240
        },
        isWidth:{
            type:Number,   
            default:400
        }
    },
    computed:{
    },
    data() {
        return {
        }
    },
    methods:{
        closeMyself(){
           this.$emit('on-close');
        }
    }
}
// include animation styles
import "vodal/common.css";
import "vodal/rotate.css";

</script>
